<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>UGame</title>
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <link rel="stylesheet" href="css/store.css" type="text/css"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/jquery.raty.min.js"></script>
    <script type="text/javascript" src="js/ugame.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header" class="default-panel">
    <div id="header-top" class="default-panel">
        <div id="logo"></div>
        <!-- End #logo -->

        <div id="action-panel">
            <a href="#" id="settingButton" onclick="return false">
                <img src="images/setting.png" alt="">
            </a>
            <a href="#" id="accountButton" onclick="return false">
                <img src="images/account.png" alt="">
            </a>
            <a id="searchButton" href="#" onclick="return false">
                <img src="images/search.png" alt="">
            </a>
        </div>
        <!-- End #action-panel -->
    </div>
    <!-- End #header-top -->

    <div class="fd-panel">
        <div id="search-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td valign="top">
                        <div class="left-fd-panel default-panel">
                        </div>
                        <!-- End .left-fd-panel -->
                    </td>
                    <td style="width: 224px;" valign="top">
                        <div class="center-fd-panel default-panel">
                            <div class="main-fd-panel">
                                <div class="text-input-2">
                                    <input type="text" value="Enter Search Keyword"/>
                                    <a href="#"></a>
                                </div>
                            </div>
                            <!-- End .main-fd-panel -->
                            <div class="bottom-fd-panel">
                            </div>
                            <!-- End .bottom-fd-panel -->
                        </div>
                        <!-- End .center-fd-panel -->
                    </td>
                    <td valign="top">
                        <div class="right-fd-panel default-panel">
                        </div>
                        <!-- End .right-fd-panel -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End #search-panel -->

        <div id="login-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td valign="top">
                        <div class="left-fd-panel default-panel">
                            <a class="sign-up" href="#"></a>
                        </div>
                        <!-- End #left -->
                    </td>
                    <td valign="top" style="width: 224px;">
                        <div class="center-fd-panel default-panel">
                            <div class="main-fd-panel">
                                <div class="text-input-1">
                                    <input type="text" value="email"/>
                                </div>
                                <div class="text-input-1">
                                    <input type="password" value="*****"/>
                                </div>
                            </div>
                            <!-- End .main-fd-panel -->
                            <div class="bottom-fd-panel">
                            </div>
                            <!-- End .bottom-fd-panel -->
                        </div>
                        <!-- End .center-fd-panel -->
                    </td>
                    <td valign="top">
                        <div class="right-fd-panel default-panel">
                            <a class="sign-in" href="#"></a>
                        </div>
                        <!-- End #right -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End #login-panel -->

        <div id="language-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td valign="top">
                        <div class="left-fd-panel default-panel">
                        </div>
                        <!-- End .left-fd-panel -->
                    </td>
                    <td valign="top" style="width: 224px;">
                        <div class="center-fd-panel default-panel">
                            <div class="main-fd-panel">
                                <div class="check-input-1">
                                    <input type="radio" value="en-US" id="en-US" name="language"/>
                                    <label for="en-US">English</label>
                                </div>
                                <div class="check-input-1">
                                    <input type="radio" value="vi-VN" id="vi-VN" name="language"/>
                                    <label for="vi-VN">Tiếng Việt</label>
                                </div>
                            </div>
                            <!-- End .main-fd-panel -->
                            <div class="bottom-fd-panel">
                            </div>
                            <!-- End .bottom-fd-panel -->
                        </div>
                        <!-- End .center-fd-panel -->
                    </td>
                    <td valign="top">
                        <div class="right-fd-panel default-panel">
                        </div>
                        <!-- End .right-fd-panel -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End #language-panel -->
    </div>
    <!-- End #fd-panel-->

    <div id="banner" class="default-panel">
        <img src="images/banner.png" alt="">
    </div>
    <!-- End #banner -->
    <div id="main-nav" class="default-panel">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td><a href="#">News</a></td>
                <td class="active"><a href="#">Store</a></td>
                <td><a href="#">Forum</a></td>
            </tr>
        </table>
    </div>
    <!-- End #main-nav -->
</div>
<!-- End #header -->

<div id="main" class="default-panel">
    <div class="item default-panel">
        <div class="item-title default-panel">
            <p class="title">
                <a href="#">Great Little War Game</a>
                <span class="text-effect-1 price">15K</span></p>

            <div class="star"></div>
        </div>
        <!-- End .item-title -->

        <div class="item-main-content default-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="45px">
                        <a href="#">
                            <div class="status status-hot">
                            </div>
                            <!-- End .status -->
                            <img class="game-icon" src="images/game-icon.png" alt="">
                        </a>
                    </td>
                    <td valign="top">
                        <a href="#">
                            <div class="content">
                                <span>Views: 12.023</span>

                                <p>Game Great Little War Game với hình ảnh ngộ nghĩnh, vui nhộn đã có mặt trên
                                    Android.</p>
                            </div>
                            <!-- End .content -->
                        </a>
                    </td>
                    <td width="50px">
                        <a class="download-button-1" href="#" onclick="return false;"></a>
                        <span class="download-number">(5.023)</span>
                        <!-- End .action -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End .item-main-content -->
    </div>
    <!-- End .item -->
    <div class="item default-panel">
        <div class="item-title default-panel">
            <p class="title">
                <a href="#">Great Little War Game</a>
                <span class="text-effect-1 price">15K</span></p>

            <div class="star"></div>
        </div>
        <!-- End .item-title -->

        <div class="item-main-content default-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="45px">
                        <a href="#">
                            <div class="status">
                            </div>
                            <!-- End .status -->
                            <img class="game-icon" src="images/game-icon.png" alt="">
                        </a>
                    </td>
                    <td valign="top">
                        <a href="#">
                            <div class="content">
                                <span>Views: 12.023</span>

                                <p>Game Great Little War Game với hình ảnh ngộ nghĩnh, vui nhộn đã có mặt trên
                                    Android.</p>
                            </div>
                            <!-- End .content -->
                        </a>
                    </td>
                    <td width="50px">
                        <a class="download-button-1" href="#" onclick="return false;"></a>
                        <span class="download-number">(5.023)</span>
                        <!-- End .action -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End .item-main-content -->
    </div>
    <!-- End .item -->
    <div class="item default-panel">
        <div class="item-title default-panel">
            <p class="title">
                <a href="#">Great Little War Game</a>
                <span class="text-effect-1 price">15K</span></p>

            <div class="star"></div>
        </div>
        <!-- End .item-title -->

        <div class="item-main-content default-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="45px">
                        <a href="#">
                            <div class="status status-new">
                            </div>
                            <!-- End .status -->
                            <img class="game-icon" src="images/game-icon.png" alt="">
                        </a>
                    </td>
                    <td valign="top">
                        <a href="#">
                            <div class="content">
                                <span>Views: 12.023</span>

                                <p>Game Great Little War Game với hình ảnh ngộ nghĩnh, vui nhộn đã có mặt trên
                                    Android.</p>
                            </div>
                            <!-- End .content -->
                        </a>
                    </td>
                    <td width="50px">
                        <a class="download-button-1" href="#" onclick="return false;"></a>
                        <span class="download-number">(5.023)</span>
                        <!-- End .action -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End .item-main-content -->
    </div>
    <!-- End .item -->
    <div class="item default-panel">
        <div class="item-title default-panel">
            <p class="title">
                <a href="#">Great Little War Game</a>
                <span class="text-effect-1 price">15K</span></p>

            <div class="star"></div>
        </div>
        <!-- End .item-title -->

        <div class="item-main-content default-panel">
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="45px">
                        <a href="#">
                            <div class="status status-hot">
                            </div>
                            <!-- End .status -->
                            <img class="game-icon" src="images/game-icon.png" alt="">
                        </a>
                    </td>
                    <td valign="top">
                        <a href="#">
                            <div class="content">
                                <span>Views: 12.023</span>

                                <p>Game Great Little War Game với hình ảnh ngộ nghĩnh, vui nhộn đã có mặt trên
                                    Android.</p>
                            </div>
                            <!-- End .content -->
                        </a>
                    </td>
                    <td width="50px">
                        <a class="download-button-1" href="#" onclick="return false;"></a>
                        <span class="download-number">(5.023)</span>
                        <!-- End .action -->
                    </td>
                </tr>
            </table>
        </div>
        <!-- End .item-main-content -->
    </div>
    <!-- End .item -->
    <div id="category-nav" class="default-panel">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td><a href="#" onclick="return false;" id="category">Categories</a></td>
                <td><a href="#">Top new</a></td>
                <td><a href="#">Top rate</a></td>
                <td><a href="#">Hot!</a></td>
            </tr>
        </table>
        <div id="category-sub-nav">
            <a href="#">Games <span>(223)<span></a>
            <a href="#">Apps <span>(56)<span></a>
            <a href="#" style="border-bottom: none">Books <span>(999)<span></a>
        </div>
        <!-- End #category-sub-nav -->
    </div>
    <!-- End #category-nav -->
	<div id="page-nav" class="default-panel">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td><a href="#" onclick="return false;" class="prev-button-1"></a></td>
                <td>
					page 3/10
				</td>
                <td><a href="#" onclick="return false;" class="next-button-1"></a></td>
            </tr>
        </table>
    </div>
    <!-- End #page-nav -->
    <div class="clear"></div>
</div>
<!-- End #main -->

<div id="footer" class="default-panel">
    <div id="footer-banner">
    </div>
    <!-- End #footer-banner -->
    <div id="footer-content" class="default-panel">
        <div id="footer-logo">
        </div>
        <!-- End #footer-logo -->

        <a class="email" href="#"></a>
        <a class="phone" href="#"></a>
    </div>
    <!-- End #footer-content -->
</div>
<!-- End #footer -->
</div>
<!-- End #wrapper-->
<script type="text/javascript" src="js/template.js"></script>
<script type="text/javascript" src="js/store.js"></script>
<script type="text/javascript">
    $('.star').raty({
        readOnly : true,
        score    : 4,
        size: 12
    });
</script>
</body>
</html>